<!-- 0708字体基本格式
    前言
        字体的基本格式为font: font-style font-variant font-weight font-size/line-height font-family;
        font-style: 字体的样式, 有normal(正常), italic（斜体，同html中i/em）, oblique（倾斜），inherit（继承）
        font-variant: 字体的变形, 有normal(正常), small-caps（小型大写字母）
        font-weight: 字体的粗细, 有normal(正常,同400), bold（粗体,同b/strong,700）, bolder（更粗）, lighter（更细）, 100~900（100的整数倍）
        font-size: 字体的大小, 有px(像素), em(相对于父元素的字体大小), rem(相对于根元素的字体大小),默认为16px,large(大),small(小),medium(中)
        line-height: 行高，有px(像素), em(相对于父元素的字体大小), rem(相对于根元素的字体大小)
        font-family: 字体的类型，有宋体，微软雅黑，楷体，仿宋，黑体，隶书，幼圆，等宽字体，无衬线字体，衬线字体，等宽字体，无衬线字体，衬线字体
-->

<!-- 09层叠性
    后面的覆盖前面的
 -->

 <!-- 10font复合属性
    定义
    一个属性跟冒号，跟多个值，用空格隔开
    语法
    font:style variant weight size/line-height family;
    如
    font:italic small-caps bold 16px/30px 微软雅黑;
    特点
    1.可以同时设置多个属性
    2.可以省略部分属性
    3.不能省略font-size和font-family
    4.可用层叠性单独改写复合属性中的某一个属性
    -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            font-size: large;
            font-weight: 700;
            font-style: italic;
            /* 优先级从前往后 */
            font-family: 微软雅黑，黑体，无衬线字体;

            color: red;
            /* 优先级从后往前,故显示blue */
            color: blue;
        }

        /* 10以上等价于 
        p{
            font:italic large 400 微软雅黑;
            font-weight: 700;
            }
        
        */
    </style>
</head>
<body>
    <p>斜体</p>
</body>
</html>
